﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html, #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }
    </style>
    @*<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=euq2yO1pnMgQsaZA89BPEf51dUlAiHVM"></script>*@
    <title>地图展示</title>
</head>
<body>
    <div>百度地图Demo</div>
    <div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
    // 编写自定义函数,创建标注
    function addMarker(point,map) {
        var marker = new BMap.Marker(point);
        map.addOverlay(marker);
    }
    //百度地图API功能
    function loadJScript() {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "http://api.map.baidu.com/api?v=2.0&ak=euq2yO1pnMgQsaZA89BPEf51dUlAiHVM&callback=init";
        document.body.appendChild(script);
    }
    function init() {
        var map = new BMap.Map("allmap");            // 创建Map实例
        var point = new BMap.Point(118.486637, 31.668247); // 创建点坐标
        map.centerAndZoom(point, 15);
        addMarker(point,map);
        map.enableScrollWheelZoom();                 //启用滚轮放大缩小
    }
    window.onload = loadJScript;  //异步加载地图

    //// 百度地图API功能
    //var map = new BMap.Map("allmap");    // 创建Map实例
    //map.centerAndZoom(new BMap.Point(118.486637, 31.668247), 15);  // 初始化地图,设置中心点坐标和地图级别
    var point2=new BMap.Point(118.873369, 31.552497);
    window.setTimeout(function () {
        map.panTo(point2);
        var marker = new BMap.Marker(point2);
        map.addOverlay(marker);

    }, 4000);
    //addMarker(point2,Map);
    ////添加地图类型控件
    //map.addControl(new BMap.MapTypeControl({
    //    mapTypes: [
    //        BMAP_NORMAL_MAP,
    //        BMAP_HYBRID_MAP
    //    ]
    //}));
    //map.setCurrentCity("马鞍山");          // 设置地图显示的城市 此项是必须设置的
    //map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>


